<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Frontend/Backend Test  - eMascar&oacute;</title>

<link href="css/styles.css" rel="stylesheet" type="text/css" />

</head>

<body>
<div id="emascaro"><img src="imgs/logo.gif" /></div>
<h1><span>frontend / backend</span> . test</h1>

<h2>Purpose of the <span>test</span>.</h2>
<p><strong>Evaluate the skills of the candidate in the following fields:</strong></p>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>jQuery or similar JavaScript Library</li>
<li>PHP</li>
</ul>


<h2>what <span>you have to do</span>.</h2>
<p>Layout the <a href="maquetas/" title="Click to see the page design" target="_blank">the design</a>, using <a href="psd/00_00_home.psd" target="_blank" title="Haga clic para bajar el psd">the psd file</a>.</p>
<p><strong>Now we'll detail the requirements of the test on the different regions of the design:</strong></p>

<h3>1 . <span>slideshow</span> with arrows</h3>
<p>This is a jQuery gallery (or slideshow) with 5 pictures.<br />
User clicks on the arrows to see previous or next picture.<br />
We want a sliding animation from one side to the other.
</p>



<h3>2 . <span>Ofertas</span> Exclusivas <span>(special offers list)</span></h3>
<p>From a list of 10 offers, random 3 of them should appear in this section.<br />
You have to develop a mini <strong>backoffice</strong> to add, modify and delete offers, with just 2 fields: 
<ol>
<li>an input-text (Offer title)
<li>a checkbox to choose if the offer should hace white or yellow text.</li>
</ol>
Save the offers in XML format.
</p>
<?php 
$path=realpath('http'); ?>
<h2>Other <span>requirements</span>.</h2>
<ul>
<li>The layout should be pixelperfect in the majority of browsers (Firefox, Chrome, Safari (Mac), IE9, IE10...) </li>
<li><strong>The files of your frontoffice should be located here: <span style="color:#000000;"><?php echo $path; ?> <br /><br /></span>so we can access see your work with a browser here:<br /><a style="color:#000000;" target="_blank" href="<?php echo $_SERVER['REQUEST_URI'].'http' ; ?>/"><?php echo $_SERVER['REQUEST_URI'].'http' ; ?>/</a></strong></li>
</ul>
<h2>Good <span>luck</span>.</h2>
</body>
</html>
